<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ page contentType="text/html;charset=utf-8" language="java"%>
<%
	String baseP = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ "/";
%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport"
	content="width=device-width, initial-scale=1,maximum-scale=1" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>事项办事指南</title>
<link type="text/css"
	href="<c:url value='/resource/css/wechat-common.css'/>"
	rel="stylesheet" />
</head>
<style type="text/css">
* {
	margin: 0px;
	padding: 0px
}

a,input {
	border: none;
	outline: transparent none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:hover,input:hover {
	border: none;
	outline: transparent none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	background-color: transparent;
}

body {
	font-family: "微软雅黑";
	font-size: 62.5%;
	background-color: #ffffff;
}

.border_top_radius {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.border_bottom_radius {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.wrap_main {
	margin: 8px;
	font-size: 1.6em;
}

.wrap_main .container_2 {
	width: 100%;
	border: 1px solid #dddddd;
	height: auto;
	border-top: 0px;
}

.wrap_main .boder-top {
	border-top: 1px solid #dddddd
}

.wrap_main .container_2 .mid {
	line-height: 35px;
	min-height: 35px;
	padding: 5px 0;
	color: #157dfb;
	width: 100%;
	font-size: 1.1em;
	color: #333333;
	font-family: "微软雅黑";
	text-align: center;
	display: inline-block;
}

.wrap_main .container_2 .lf {
	line-height: 35px;
	padding: 5px 0px;
	color: #157dfb;
	text-indent: 0.8em;
	float: left;
	width: 100px;
}

.wrap_main .container_2 .lf_main {
	float: left;
	width: 0.8em;
}

.wrap_main .container_2 .rt_main {
	float: right;
	width: 0.8em;
}

.wrap_main .container_2 .mid_main {
	margin-left: 0.8em;
	margin-right: 0.8em
}

.wrap_main .container_2 .lf-new {
	line-height: 35px;
	padding: 5px 0px;
	color: #157dfb;
	width: 100px;
	font-size: 16px;
}

.wrap_main .container_2 .rt-new {
	line-height: 35px;
	padding: 5px 0 5px 25px;
	color: #666;
}

.wrap_main .container_2 .rt {
	line-height: 35px;
	padding: 5px 0;
	margin-left: 105px;
	display: block;
}

.wrap_main .container_2 .rt font {
	color: #666;
	font-family: "微软雅黑", serif;
	text-indent: 0.3em;
	border: 0;
	width: 98%;
	font-size: 1.0em;
	min-height: 35px;
	line-height: 35px;
	display: block;
}

.wrap_main .submit {
	height: 50px;
	line-height: 50px;
	text-align: center;
	margin-top: 15px;
	background-color: #157dfb;
	color: #ffffff;
	font-family: "微软雅黑", serif;
	border-radius: 5px;
	border: 0;
	width: 100%;
	font-size: 1.1em;
}

.wrap_main .submit:hover {
	height: 50px;
	line-height: 50px;
	text-align: center;
	margin-top: 15px;
	background-color: #0363d7;
	color: #ffffff;
	border-radius: 5px;
	border: 0;
	width: 100%;
	font-size: 1.1em;
}

#title {
	min-height: 45px;
	font-weight: 700;
}
</style>
<body>
	<div class="wrap_main">
		<div class="container_2 border_top_radius boder-top">
			<span class="mid" id="title"></span>
		</div>
		<div class="container_2">
			<span class="lf">审批主体:</span> <span class="rt"><font id="spzt"></font>
			</span>
		</div>
		<div class="container_2">
			<div class="lf_main"></div>
			<div class="rt_main"></div>
			<div class="mid_main">
				<span class="lf-new">设定依据:</span> <span class="rt-new"><font
					id="sdyj"></font>
				</span>
			</div>
		</div>
		<div class="container_2">
			<div class="lf_main"></div>
			<div class="rt_main"></div>
			<div class="mid_main">
				<span class="lf-new" style="display:block;">申报材料:</span> <span
					class="rt-new" style="padding-left:0px;"><font id="sbcl"></font>
				</span>
			</div>
		</div>
		<div class="container_2">
			<span class="lf">事项性质:</span> <span class="rt"><font id="sxxz"></font>
			</span>
		</div>
		<div class="container_2">
			<span class="lf">办理地点:</span> <span class="rt"><font id="bldd"></font>
			</span>
		</div>
		<div class="container_2">
			<span class="lf">办件类型:</span> <span class="rt"><font id="bjlx"></font>
			</span>
		</div>
		<div class="container_2">
			<span class="lf">办理时间:</span> <span class="rt"><font id="blsj"></font>
			</span>
		</div>
		<div class="container_2">
			<span class="lf">承诺期限:</span> <span class="rt"><font id="cnqx"></font>
			</span>
		</div>
		<div class="container_2 border_bottom_radius">
			<span class="lf">窗口电话:</span> <span class="rt"><font id="ckdh"></font>
			</span>
		</div>
		<div class="container_2 border_bottom_radius">
			<span class="lf">办事须知:</span> <span class="rt"><font id="bsxz"></font>
			</span>
		</div>
	</div>
	<script
		src="<c:url value='/resource/js/jquery-2.1.1.min.js'/>"
		type="text/javascript"></script>
	<script src="<c:url value='/resource/js/common.js'/>"
		type="text/javascript"></script>
	<script type="text/javascript">
		loadPage("");
		function loadPage(url) {
			var dept = "${dept_type}";
			if (dept == "-1") {
				dept = 1;
			}
			$
					.ajax({
						url : 'http://221.224.13.5:8190/econsole/api/matters/detail/'
							+ dept + '/${dept_id}/${matterId}',
						timeout : 6000,
						beforeSend : function() {
							loading();
						},
						success : function(resp) {
							if (resp && resp.succ) {
								var _obj = resp.data;
								document.getElementById("title").innerHTML = _obj.title;
								document.getElementById("spzt").innerHTML = _obj.spzt;
								document.getElementById("sdyj").innerHTML = _obj.xkyj;
								document.getElementById("sbcl").innerHTML = _obj.sqcl;
								document.getElementById("sxxz").innerHTML = _obj.sxxz;
								document.getElementById("bldd").innerHTML = _obj.bldd;
								document.getElementById("bjlx").innerHTML = _obj.bjlx;
								document.getElementById("blsj").innerHTML = _obj.blsj;
								document.getElementById("cnqx").innerHTML = _obj.cnqx;
								document.getElementById("ckdh").innerHTML = _obj.ckdh;
								document.getElementById("bsxz").innerHTML = _obj.bsxz;
								finish();
							} else {
								finish("数据加载失败！");
							}
						},
						error : function(resp, status, jq) {
							finish("数据加载失败！");
						}
					});
		}
	</script>
</body>
</html>